/* main主体模块开始 */
.main {
  width: 980px;
  height: 455px;
  margin-left: 220px;
  margin-top: 10px;
}

/* 中间轮播焦点图部分focus */
.focus {
  position: relative;
  float: left;
  width: 721px;
  height: 455px;
  background: url(../upload/focus1.jpg) no-repeat;
}

.focus>a {
  font-family: 'icomoon';
  font-size: 20px;
  color: #fff;
}

.focus .focus-pn {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 40px;
  background: rgba(0, 0, 0, .3);
  text-align: center;
  line-height: 40px;
}

.focus .focus-prev {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.focus .focus-next {
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.focus .focus-nav {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 136px;
  height: 14px;
  margin-left: -68px;
  padding: 0 5px;
  background: rgba(255, 255, 255, .3);
  border-radius: 8px;
  cursor: pointer;
}

.focus .focus-nav li {
  float: left;
  width: 8px;
  height: 8px;
  margin: 3px 5px;
  background: rgba(255, 255, 255, .6);
  border-radius: 50%;
}

.focus .focus-nav .selected {
  width: 10px;
  height: 10px;
  margin: 2px 4px;
  background: rgba(255, 255, 255);
}

/* 右边快报模块newflash */
.newflash {
  float: right;
  width: 250px;
  height: 455px;
}

/* 新闻模块news */
.newflash .news {
  height: 165px;
  border: 1px solid #e4e4e4;
}

.newflash .news .news-hd {
  height: 33px;
  padding: 0 15px;
  line-height: 33px;
  border-bottom: 1px dotted #e4e4e4;
}

.newflash .news .news-hd h5 {
  font-size: 14px;
  font-weight: 400;
}

.newflash .news .news-hd .more::after {
  content: '\ea53';
  font-family: 'icomoon';
}

.newflash .news .news-bd {
  padding: 5px 15px 0;
}

.newflash .news .news-bd ul li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 24px;
  line-height: 24px;
}

/* 生活服务模块lifeservice */
.newflash .lifeservice {
  overflow: hidden;
  height: 211px;
  border: 1px solid #e4e4e4;
  border-top: 0;
}

.newflash .lifeservice .serviceList {
  width: 252px;
}

.newflash .lifeservice .serviceList li {
  float: left;
  width: 63px;
  height: 71px;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}

.newflash .lifeservice .serviceList li i {
  display: inline-block;
  width: 24px;
  height: 28px;
  margin-top: 12px;
  background: url(../images/icons.png) no-repeat -16px -15px;
}

.newflash .lifeservice .serviceList li:nth-child(2) {
  position: relative;
}

.newflash .lifeservice .serviceList li:nth-child(2) img {
  position: absolute;
  top: 0;
  right: 0;
}

/* 广告模块bargain */
.newflash .bargain {
  margin-top: 4px;
}

/* main主体模块结束 */

/* 推荐模块recom开始 */
.recom {
  height: 163px;
  margin-top: 12px;
  background-color: #ebebeb;
}

.recom_hd {
  height: 163px;
  width: 205px;
  background-color: #5c5251;
  text-align: center;
  padding-top: 30px;
}

.recom_bd ul li {
  overflow: hidden;
  position: relative;
  float: left;
}

.recom_bd ul li img {
  width: 248px;
  height: 163px;
  transition: all .5s ease;
}

.recom_bd ul li img:hover {
  transform: scale(1.1);
}

.recom_bd ul li:nth-child(-n+3)::after {
  position: absolute;
  right: 0;
  top: 10px;
  content: '';
  width: 1px;
  height: 145px;
  background-color: #ddd;
}

/* 推荐模块recom结束 */

/* 猜你喜欢模块like开始 */
.like {
  /* height: 260px; */
  margin-top: 28px;
}

.like_hd {
  height: 30px;
}

.like_hd .like_left {
  font-size: 18px;
  color: #333333;
}

.like_hd .like_right {
  line-height: 30px;
}

.like_hd .like_right::after {
  font-family: 'icomoon';
  content: '';
  margin-left: 8px;
  margin-right: 20px;
  font-size: 12px;
}

.like_bd {
  /* height: 230px; */
  border: 1px solid #ededed;
}

.like_bd ul li {
  overflow: hidden;
  float: left;
  width: 199px;
  height: 230px;
}

.like_bd ul li a:hover {
  color: inherit;
}

.like_bd ul li a img {
  width: 100%;
  transition: all .2s ease;
}

.like_bd ul li a img:hover {
  transform: translateY(-5px);
}

.like_bd ul li a p {
  padding-left: 35px;
}

.like_bd ul li a i {
  padding-left: 35px;
  font-size: 18px;
  color: #df3033;
}

.like_bd ul li a i span {
  font-size: 14px;
}

/* 猜你喜欢模块like结束 */

/* 传智播客blog开始 */
.blog_hd {
  margin-top: 28px;
  font-size: 18px;
  color: #333333;
}

/* 传智播客blog结束 */
/* 楼层区域floor开始 */
/* 给floor里面每个楼层都加一个上外边距 */
.floor .w {
  margin-top: 30px;
}

.box_hd {
  height: 30px;
  border-bottom: 2px solid #c81623;
}

.box_hd h3 {
  float: left;
  font-size: 18px;
  color: #c81623;
  font-weight: 400;
}

.box_hd .tab_list ul li {
  float: left;
  line-height: 30px;
}

.box_hd .tab_list ul li a {
  margin: 0 15px;
}

.box_bd {
  height: 361px;
}

.tab_list_item {
  display: none;
}

.tab_list_item.active {
  display: block;
}

.tab_list_item>div {
  float: left;
  height: 361px;
}

.col_210 {
  width: 210px;
  background-color: #f9f9f9;
  text-align: center;
}

.col_210 ul {
  padding-left: 12px;
}

.col_210 ul li {
  float: left;
  width: 85px;
  height: 34px;
  margin-right: 10px;
  border-bottom: 1px solid #ccc;
  line-height: 33px;
}

.col_329 {
  position: relative;
  width: 329px;
}

.col_221 {
  width: 221px;
  border-right: 1px solid #ccc;
}

.col_219 {
  width: 219px;
}

/* 添加图片缩放效果 */
.tab_list_item .reduce {
  transition: all .5s ease;
}

.tab_list_item .reduce:hover {
  transform: scale(0.9);
}

/* 给一列两张图中的上面的图片加下边框 */
.bb {
  display: block;
  border-bottom: 1px solid #ccc;
}

/* 其他tab栏直接插入的图片 */
.tab_list_item>img {
  width: 1200px;
  height: 361px;
}

/* 里面的轮播图部分 */
.tab_list_item .slider {
  position: absolute;
  bottom: 17px;
  left: 50%;
  margin-left: -27px;
  width: 54px;
  height: 10px;
  cursor: pointer;
}

.tab_list_item .slider li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: #3e3e3e;
  border-radius: 50%;
}

.tab_list_item .slider .sliat {
  background-color: #fff;
}

/* 楼层区域floor结束 */

/* 热门疯抢popular开始 */
.popular_hd {
  margin-top: 28px;
  font-size: 18px;
  color: #333333;
}

/* 热门疯抢popular结束 */

/* 电梯 */
.elevator {
  position: fixed;
  top: 350px;
  left: 50%;
  margin-left: 610px;
  width: 65px;
  height: 210px;
  transition: all .5s;
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .1);
}

.elevator_list li a {
  display: block;
  width: 65px;
  height: 30px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  line-height: 30px;
}

.elevator_list .active {
  background-color: #c81623;
  color: #fff;
}